import Vue from "vue";
import App from "./App";
import router from "./router";
import axios from "axios";

Vue.config.productionTip = false;

/* eslint-disable no-new */
new Vue({
  el: "#app",
  router,
  render: h => h(App)
});

// axios({
//   // url:'httpbin.org/',
//   url:'http://152.136.185.210:8000/api/w6/home/multidata',
//   method:'get'
// }).then(res=>{
//   console.log(res);
// })

// axios({
//   url:'http://152.136.185.210:8000/api/w6/home/data',
//   //专门针对Get请求的参数拼接
//   params:{
//     type:'pop',
//     page:1,
//   }
// }).then(res=>{
//   console.log(res);
// })

//axios发送并发请求
// axios.all([
//   axios({
//     url:'http://152.136.185.210:8000/api/w6/home/multidata'
//   }),
//   axios({
//     url:'http://152.136.185.210:8000/api/w6/home/data',
//     params:{
//       type:'sell',
//       page:5
//     }
//   })
// ]).then(res=>{
//   console.log(res);
// })




// //配置axios的默认设置(全局)进行网络请求
// axios.defaults.baseURL = 'http://152.136.185.210:8000/api/w6'
// axios.defaults.timeout = 5000


// //axios将拿网络请求拿到的结果进行提取和分割
// axios
//   .all([
//     axios({
//       url: "/home/multidata"
//     }),
//     axios({
//       url: "/home/data",
//       params: {
//         type: "sell",
//         page: 5
//       }
//     })
//   ])
//   .then(axios.spread((res1, res2) => {
//     console.log(res1);
//     console.log(res2);
//   }));

// axios({
//   url:'/category'
// })



//创建axios的实例
// const instance1 = axios.create({
//   baseURL:'http://152.136.185.210:8000/api/w6',
//   timeout:5000
// })

// instance1({
//   url:'/home/multidata'
// }).then(res=>{
//   console.log(res);
// })

// instance1({
//   url:'/home/data',
//   params:{
//     type:'sell',
//     page:3
//   }
// }).then(res=>{
//   console.log(res);
// })

// const instance2 = axios.create({
//   baseURL:'............',
//   timeout:xxxx,
//   Headers:{}
// })


//封装一个request请求模块
import {request} from './network/request'

// 方法1：传入三个参数
// request(
//   {url:'/home/multidata'},
//   res=>{console.log(res);},
//   err=>{console.log(err);}
// )


// 方法2：只使用config一个参数
// request({
//   baseconfig:{

//   },
//   success:function(res){

//   },
//   failure:function(err){

//   }
// })


//方法3：
// request({
//   url:'/home/multidata'
// }).then(res=>{
//   console.log(res);
// }).catch(err=>{
//   console.log(err);
// })


// 方法4：
request({
  url:'/home/multidata'
}).then(res=>{
  console.log(res);
}).catch(err=>{
  console.log(err);
})
